<template>
  <div class="addFrom">
    <div class="att-header">
      <div class="verticalLine"></div>考勤查看
      <svg title="搜索 " class="iconsousuo ic" aria-hidden="true" @click="Return">
        <use xlink:href="#iconfill-closed" />
      </svg>
    </div>
    <ul>
      <li>
        <span>父项目名称</span>
        <el-input v-model="input1" :readonly="true" ></el-input>
      </li>
      <li>
        <span>子项目名称</span>
        <el-input v-model="input2" :readonly="true"></el-input>
      </li>
      <li>
        <span>姓名</span>
        <el-input v-model="input3" :readonly="true"></el-input>
      </li>
      <li>
        <span>到岗情况</span>
        <el-input v-model="input4" :readonly="true"></el-input>
      </li>
      <li>
        <span>居住地</span>
        <el-input v-model="input5" :readonly="true"></el-input>
      </li>
      <li>
        <span>抵达工作地点方式</span>
        <el-input v-model="input6" :readonly="true"></el-input>
      </li>
      <li>
        <span>车次</span>
        <el-input v-model="input7" :readonly="true"></el-input>
      </li>

      <li>
        <span>乘车日期</span>
        <el-input v-model="input8" :readonly="true"></el-input>
      </li>
      <li>
        <span>抵达工作地日期</span>
        <el-input v-model="input9" :readonly="true"></el-input>
      </li>

      <li>
        <span>当日体温</span>
        <el-input v-model="input10" :readonly="true"></el-input>
      </li>
      <li>
        <span>口罩佩戴情况</span>
        <el-input v-model="input11" :readonly="true"></el-input>
      </li>
      <li>
        <span>个人健康状况</span>
        <el-input v-model="input12" :readonly="true"></el-input>
      </li>
      <li>
        <span>是否与疑似或确诊病人接触</span>
        <el-input v-model="input13" :readonly="true"></el-input>
      </li>
      <li>
        <span>家庭成员健康状况</span>
        <el-input v-model="input14" :readonly="true"></el-input>
      </li>
      <li>
        <span>是否与疑似或确诊病人家人接触</span>
        <el-input v-model="input15" :readonly="true"></el-input>
      </li>

      <li>
        <span>个人冠状病毒诊断结果</span>
        <el-input v-model="input16" :readonly="true"></el-input>
      </li>
      <li>
        <span>家庭成员冠状病毒诊断结果</span>
        <el-input v-model="input17" :readonly="true"></el-input>
      </li>
      <li>
        <span>隔离情况</span>
        <el-input v-model="input18" :readonly="true"></el-input>
      </li>

      <li>
        <span>填报人名称</span>
        <el-input v-model="input19" :readonly="true"></el-input>
      </li>
      <li>
        <span>填报时间</span>
        <el-input v-model="input20" :readonly="true"></el-input>
      </li>
      <!-- <li>
        <span>更新人</span>
        <el-input v-model="input21" ::readonly="true"></el-input>
      </li> -->
      <li>
        <span>更新时间</span>
        <el-input v-model="input22" :readonly="true"></el-input>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      input1: "",
      input2: "",
      input3: "",
      input4: "",
      input5: "",
      input6: "",
      input7: "",
      input8: "",
      input9: "",
      input10: "",
      input11: "",
      input12: "",
      input13: "",
      input14: "",
      input15: "",
      input16: "",
      input17: "",
      input18: "",
      input19: "",
      input20: "",
      // input21: "",
      input22: "",
    };
  },
  methods: {
    Return() {
      window.history.go(-1);
    },
    a() {
      this.$confirm("是否提交", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "提交成功!"
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消提交"
          });
        });
    }
  },
  created: function() {
    this.input1 = this.$route.params.item.parentProjName;
    this.input2 = this.$route.params.item.subProjId;
    this.input3 = this.$route.params.item.name;
    this.input4 = this.$route.params.item.isWork;
    this.input5 = this.$route.params.item.home;
    this.input6 = this.$route.params.item.trafficTools;
    this.input7 = this.$route.params.item.trainNum;
    this.input8 = this.$route.params.item.dateOfRide;
    this.input9 = this.$route.params.item.arrivalDate;
    this.input10 = this.$route.params.item.temperature;
    this.input11 = this.$route.params.item.isMask;
    this.input12 = this.$route.params.item.personalHealth;
    this.input13 = this.$route.params.item.perContact;
    this.input14 = this.$route.params.item.homeHealth;
    this.input15 = this.$route.params.item.homeContact;

    this.input16 = this.$route.params.item.perResult;
    this.input17 = this.$route.params.item.homeResult;
    this.input18 = this.$route.params.item.isQuarantine;

    this.input19 = this.$route.params.item.createUsername;
    this.input20 = this.$route.params.item.createTime;
    // this.input21 = this.$route.params.item.upUser;
    this.input22 = this.$route.params.item.upTime;
  }
};
</script>
<style lang="scss" scoped>
.addFrom {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px;
  background-color: #fff;
  .att-header {
    width: calc(100% - 10px);
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    svg {
      float: right;
      margin-top: 10px;
      margin-right: 50px;
      width: 18px;
      height: 18px;
      cursor: pointer;
    }
  }
  ul {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    min-height: 600px;
    margin: 20px;
    li {
      width: -webkit-calc(100%/4 - 40px);
      width: -moz-calc(100%/4 - 40px);
      width: calc(100% /4 - 40px);
      margin: 20px;
      float: left;
    }
  }
  .att-btn {
    width: 50%;
    margin: auto;
    text-align: center;
    span {
      line-height: 50px;
      text-align: center;
      border: 1px solid #1ab394;
      padding: 10px 50px;
      margin-right: 20px;
      border-radius: 6px;
      cursor: pointer;
    }
    span:nth-child(1):hover {
      background-color: rgba(0, 0, 0, 0.3);
    }
    span:nth-child(2):hover {
      background-color: #1ab394;
    }
  }
  .verticalLine {
    width: 0px;
    height: 16px;
    border: 2px solid #1ab394;
    float: left;
    margin: 7px 8px 0 8px;
  }
}
</style>